@charset "UTF-8";
/*============================================
录音页面样式
============================================*/

.rt-audio-view{

}
.rt-audio-view .close-div{
    float: right;
    padding-top: 16px;
    padding-right: 16px;
}
.rt-audio-view .close-img{
    width: 16px;
    height: 16px;
}
.rt-audio-view .close-button-img-1{
    background: url(../img/x_pressed.png) no-repeat;
}
.rt-audio-view .close-button-img-2{
    background: url(../img/x_blue_pressed.png) no-repeat;
}
.rt-audio-view .audio-title{
    font-size: 19px;
    color: #e698b3;
    padding-top: 24%;
    text-align: center;
    padding-bottom: 12%;
}
.rt-audio-view .audio-title-recording{
    font-size: 19px;
    color: #8bc9d7;
    padding-top: 24%;
    text-align: center;
    padding-bottom: 12%;
}
.rt-audio-view .audio-button{
    border-radius: 50%;
    margin: auto;
    display: block;
    width: 143px;
}
.rt-audio-view #button .activated{
    animation: popAnimation 1s;
	  -webkit-animation: popAnimation 1s; /* Safari and Chrome */
}
@keyframes popAnimation
{
	0%   {transform:scale(1, 1);}
  10%   {transform:scale(1.1, 1.1);}
  25%   {transform:scale(1.25, 1.25);}
  35%   {transform:scale(1.35, 1.35);}
	50%  {transform:scale(1.5, 1.5);}
  65%   {transform:scale(1.35, 1.35);}
  75%   {transform:scale(1.25, 1.25);}
  90%   {transform:scale(1.1, 1.1);}
	100% {transform:scale(1, 1);}
}
@-webkit-keyframes popAnimation /* Safari and Chrome */
{
  0%   {-webkit-transform:scale(1, 1);}
  10%   {-webkit-transform:scale(1.1, 1.1);}
  25%   {-webkit-transform:scale(1.25, 1.25);}
  35%   {-webkit-transform:scale(1.35, 1.35);}
	50%  {-webkit-transform:scale(1.5, 1.5);}
  65%   {-webkit-transform:scale(1.35, 1.35);}
  75%   {-webkit-transform:scale(1.25, 1.25);}
  90%   {-webkit-transform:scale(1.1, 1.1);}
	100% {-webkit-transform:scale(1, 1);}
}
.rt-audio-view .audio-record{
    background: url("") no-repeat;
}
.rt-audio-view .audio-finish{
    background: url("") no-repeat;
}
.rt-audio-view .audio-play{
    background: url("") no-repeat;
}
.rt-audio-view .timeSpan{
    font-size: 35px;
    font-family: arial;
    color: #38badb;
    padding-top: 27px;
    text-align: center;
}
.rt-audio-view .footer-buttons{
    position:absolute;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #d9d9d9;
}
.rt-audio-view .footer-button{
    width: 50%;
    font-size: 14px;
    color: #20c3e7;
    text-align: center;
    height: 55px;
    line-height: 55px;
}
.rt-audio-view .footer-button:hover{
    color: #2dbcdc;
    background-color: #f2f2f2;
}
